<script >
import Content from "./components/Content.vue";
export default {
  data() {
    return {
      message: "helloworld",
      obj:{
      message:"helloworld"
      }
    };
  },
  // provide/inject 并不是响应式的 单向数据流
  // provide: {message: "helloworld"},
  provide() {
    return {
      // message: this.message
      // obj:this.obj,//响应式对象方式
      message:()=>this.message //函数返回响应式数据
    }
  },
  components: {
    Content,
  },
};
</script>

<template>
  <div>
    <Content />
    <button @click="obj.message = '你好'">改变message</button>
    <h2>{{ obj.message }}</h2>
  </div>
</template>

 